<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>PersonCenter</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script th:src="@{/js/layui/layui.js}"></script>
    <link th:href="@{/js/layui/css/layui.css}" rel="stylesheet" />
    <style>
    .fakeimg {
        height: 200px;
         background: #bbb;
    }
  </style>
</head>
<body>
<div class="jumbotron text-center" style="margin-bottom:0">
    <h2>小明的个人中心</h2>
</div>

<!--<nav class="navbar navbar-inverse">-->
<!--    <div class="container-fluid">-->
<!--        <div class="navbar-header">-->
<!--            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">-->
<!--                <span class="icon-bar"></span>-->
<!--                <span class="icon-bar"></span>-->
<!--                <span class="icon-bar"></span>-->
<!--            </button>-->
<!--            <a class="navbar-brand" href="#">主页</a>-->
<!--        </div>-->
<!--        <div class="collapse navbar-collapse" id="myNavbar">-->
<!--            <ul class="nav navbar-nav">-->
<!--                <li class="active"><a href="#">动态</a></li>-->
<!--                <li><a href="#">投稿</a></li>-->
<!--                <li><a href="#">合集和列表</a></li>-->
<!--                <li><a href="#">收藏</a></li>-->
<!--                <li><a href="#">订阅</a></li>-->

<!--            </ul>-->
<!--        </div>-->
<!--    </div>-->
<!--</nav>-->
<div th:replace="fragment/nav::nav"></div>
<div class="container">
    <div class="row">
        <div class="col-sm-4">
            <h2>关于我</h2>
<!--            <h5>我的照片:</h5>-->
            <img th:src="@{/image/李婧/头像.jpg}"  height="200px">
            <p>编辑个性签名</p>
<!--            <h3>链接</h3>-->
<!--            <p>描述文本。</p>-->
            <ul class="nav nav-pills nav-stacked">
                <li class="active"><a href="#">我的视频</a></li>
                <p></p>
                <li><a href="#">我的专栏</a></li>
                <p></p>
                <li><a href="#">我的合集和视频列表</a></li>
                <p></p>
                <li><a href="#">我的收藏夹</a></li>
                <p></p>
                <li><a href="#">最近点赞的视频</a></li>

            </ul>
            <hr class="hidden-sm hidden-md hidden-lg">
        </div>
        <div class="col-sm-8">
            <h2>今天观看的视频</h2>
<!--            <h5>副标题</h5>-->
<!--            <div class="fakeimg">图像</div>-->
            <img th:src="@{/image/李婧/今天观看.png}"  height="400px">
            <p>观看至98%</p>

            <br>
            <h2>更早观看的视频</h2>
<!--            <h5>副标题</h5>-->
<!--            <div class="fakeimg">图像</div>-->
            <img th:src="@{/image/李婧/以前观看.png}"  height="400px">
            <p>观看至98%</p>

        </div>
    </div>
</div>

<div class="jumbotron text-center" style="margin-bottom:0">
    <p>公告栏</p>
</div>
<div th:replace="fragment/model::model_login"></div>
<div th:replace="fragment/model::model_register"></div>
<div th:replace="fragment/model::script_login"></div>
<div th:replace="fragment/model::script_register"></div>
<div th:replace="fragment/model::script_register_login"></div>



</body>
</html>